	@charset "utf-8";
	/* CSS Document */
	
	* {
	    padding: 0;
	    margin: 0;
	}
	
	html,
	body,
	#loadDiv,
	.index,
	.from1,
	.from2,
	.from3,
	.from4,
	.from5 {
	    background-color: #000;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	}
	
	.audio {
	    position: fixed;
	    top: 8%;
	    right: 5%;
	    width: .45rem;
	    height: .45rem;
	    z-index: 100;
	}
	
	div {
	    outline: none;
	}
	
	body {
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    background: #fff;
	    overflow: hidden;
	}
	
	.Windn {
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 999;
	    background: rgba(0, 0, 0, 0.9);
	}
	
	@-webkit-keyframes reg {
	    to {
	        -webkit-transform: rotate(360deg);
	    }
	}
	
	.reg {
	    -webkit-animation: reg 1.5s linear infinite normal;
	}
	
	#loadTxt {
	    position: absolute;
	    top: 50%;
	    color: #fff;
	    font-size: .24rem;
	    width: 100%;
	    text-align: center;
	}
	
	#loadDiv {
	    width: 100%;
	    height: 100%;
	    z-index: 200;
	    position: absolute;
	    top: 0px;
	    overflow: hidden;
	}
	
	.load1 {}
	
	.logo {
	    width: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
	}
	
	@media only screen and (max-height: 1385px) {
	    .page1 {
	        background: url(../images/page.jpg)no-repeat center/100% 13.85rem;
	        width: 100%;
	        min-height: 13.85rem;
	        height: 13.85rem;
	        position: absolute;
	        top: 0;
	    }
	    .page2 {
	        background: url(../images/page2.jpg)no-repeat center/100% 13.85rem;
	        width: 100%;
	        min-height: 13.85rem;
	        height: 13.85rem;
	        position: absolute;
	        top: 0;
	    }
	    .page5 {
	        background: url(../images/page5.jpg)no-repeat center/100% 13.85rem;
	        width: 100%;
	        min-height: 13.85rem;
	        height: 13.85rem;
	        position: absolute;
	        top: 0;
	    }
	    .from {
	        background: url(../images/page.jpg)no-repeat center/100% 13.85rem;
	        width: 100%;
	        min-height: 13.85rem;
	        height: 13.85rem;
	        position: absolute;
	        top: 0;
	    }
	}
	
	@media only screen and (min-height: 1385px) {
	    .page1 {
	        background: url(../images/page.jpg)no-repeat center/100% 100%;
	        width: 100%;
	        min-height: 13.85rem;
	        height: 100%;
	        position: absolute;
	        top: 0;
	    }
	    .page2 {
	        background: url(../images/page2.jpg)no-repeat center/100% 100%;
	        width: 100%;
	        min-height: 13.85rem;
	        height: 100%;
	        position: absolute;
	        top: 0;
	    }
	    .page5 {
	        background: url(../images/page5.jpg)no-repeat center/100% 100%;
	        width: 100%;
	        min-height: 13.85rem;
	        height: 100%;
	        position: absolute;
	        top: 0;
	    }
	    .from {
	        background: url(../images/page.jpg)no-repeat center/100% 100%;
	        width: 100%;
	        min-height: 13.85rem;
	        height: 100%;
	        position: absolute;
	        top: 0;
	    }
	}
	
	.swiper-container,
	.swiper-slide {
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	}
	
	.index,
	.box {
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	}
	
	.logo1 {
	    width: 100%;
	    position: absolute;
	    top: 0;
	    right: 0;
	}
	
	.logo2 {
	    position: absolute;
	    left: 50%;
	    margin-left: -.39rem;
	    bottom: 10%;
	}
	
	.jt {
	    position: absolute;
	    bottom: 2%;
	    left: 50%;
	    margin-left: -.25rem;
	    -webkit-animation: jt 1s linear infinite normal;
	}
	
	@-webkit-keyframes jt {
	    0% {
	        -webkit-transform: translateY(0);
	        opacity: 1;
	    }
	    100% {
	        -webkit-transform: translateY(-10px);
	        opacity: 0;
	    }
	}
	
	.p1_img1 {
	    position: absolute;
	    top: 18%;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p1_img2 {
	    position: absolute;
	    top: 24%;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p1_img3 {
	    position: absolute;
	    top: 30%;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p1_img4 {
	    position: absolute;
	    top: 37%;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p1_img5 {
	    position: absolute;
	    top: 43%;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p1_img6 {
	    position: absolute;
	    top: 53%;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.day {
	    text-align: center;
	}
	
	.p1_img7 {
	    bottom: 20%;
	    left: 50%;
	}
	
	.p2_img1 {
	    top: 18%;
	    position: absolute;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p2_img2 {
	    position: absolute;
	    top: 22%;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p2_img3 {
	    top: 32%;
	    position: absolute;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p2_img4 {
	    top: 36%;
	    position: absolute;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p2_img5 {
	    top: 41%;
	    position: absolute;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p2_img6 {
	    top: 45%;
	    position: absolute;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p2_img7 {
	    top: 57%;
	    position: absolute;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p2_img8 {
	    top: 73%;
	    position: absolute;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p5_img1 {
	    position: absolute;
	    left: 50%;
	    margin-left: -3.2rem;
	    top: 17%;
	}
	
	.p5_img2 {
	    position: absolute;
	    left: 50%;
	    margin-left: -3.2rem;
	    top: 24%;
	}
	
	.p5_img3 {
	    position: absolute;
	    left: 50%;
	    margin-left: -3.2rem;
	    top: 27%;
	}
	
	.p5_img4 {
	    position: absolute;
	    left: 50%;
	    margin-left: -3.2rem;
	    top: 30%;
	}
	
	.p5_img5 {
	    position: absolute;
	    left: 50%;
	    margin-left: -3.2rem;
	    top: 37%;
	}
	
	.p5_img6 {
	    position: absolute;
	    left: 50%;
	    margin-left: -3.2rem;
	    top: 40%;
	}
	
	.p5_img7 {
	    position: absolute;
	    left: 50%;
	    margin-left: -3.2rem;
	    top: 43%;
	}
	
	.p5_img8 {
	    position: absolute;
	    left: 50%;
	    margin-left: -3.2rem;
	    top: 46%;
	}
	
	.p5_img9 {
	    position: absolute;
	    left: 50%;
	    margin-left: -3.2rem;
	    top: 50%;
	}
	
	.submit_btn {
	    width: 2.22rem;
	    height: .37rem;
	    bottom: 0;
	}
	
	.p5_btn1 {
	    position: absolute;
	    top: 0;
	    left: 50%;
	    margin-left: .6rem;
	}
	
	.p5_btn2 {
	    position: absolute;
	    top: 0;
	    left: 50%;
	    margin-left: 3.6rem;
	}
	
	.p6_img1 {
	    position: absolute;
	    top: 58%;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p6_img2 {
	    width: 100%;
	    position: absolute;
	    top: 62%;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p7_img1 {
	    width: 100%;
	    position: absolute;
	    top: 18%;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p7_img2 {
	    width: 100%;
	    position: absolute;
	    top: 21%;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p7_img3 {
	    width: 100%;
	    position: absolute;
	    top: 31%;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p7_img4 {
	    width: 100%;
	    position: absolute;
	    top: 36%;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p7_img5 {
	    width: 100%;
	    position: absolute;
	    top: 40%;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p7_img6 {
	    width: 100%;
	    position: absolute;
	    top: 48%;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.p7_img7 {
	    width: 100%;
	    position: absolute;
	    top: 64%;
	    left: 50%;
	    margin-left: -3.2rem;
	}
	
	.from3 .btn {
	    position: absolute;
	    left: 50%;
	    margin-left: -3.2rem;
	    top: 60%;
	    height: 0.37rem;
	}
	
	.from4 .logo2 {
	    bottom: none;
	    bottom: 16.5%
	}
	
	.go_btn1 {
	    width: 3.48rem;
	    height: .45rem;
	    position: absolute;
	    left: 50%;
	    margin-left: -1.74rem;
	    top: 64%;
	}
	
	.icon {
	    position: absolute;
	    bottom: 5%;
	    right: 5%;
	}
	
	.go_btn {
	    background: url(../images/p2_img7.png)no-repeat center/contain;
	    width: 3.48rem;
	    height: .45rem;
	}
	
	.from1,
	.from2,
	.from3,
	.over {
	    background: url(../images/page3.jpg)no-repeat center/100% 100%;
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    min-height: 10rem;
	}
	
	.from1_box {
	    background: url(../images/from1.png)no-repeat center/contain;
	    width: 6.4rem;
	    height: 5.04rem;
	    margin-top: -12%;
	}
	
	.next_btn {
	    background: url(../images/next_btn.png)no-repeat center/contain;
	    width: 1.63rem;
	    height: .45rem;
	    bottom: 8%;
	}
	
	.box1 {
	    position: absolute;
	    top: 1.5rem;
	    width: 6.4rem;
	    height: .4rem;
	}
	
	.box1 .btn {
	    float: left;
	    width: 18%;
	    height: 100%;
	}
	
	.div_on {
	    width: .06rem;
	    height: .06rem;
	    background: #fff;
	}
	
	.btn div {
	    margin-top: .21rem;
	    margin-left: 0.03rem;
	}
	
	.box2 {
	    width: 100%;
	    height: .4rem;
	    position: absolute;
	    top: 2.8rem;
	}
	
	.box2 .btn {
	    float: left;
	    width: 19%;
	    height: 100%;
	}
	
	.box3 {
	    width: 100%;
	    height: .7rem;
	    position: absolute;
	    top: 4.1rem;
	}
	
	.box3 .btn {
	    float: left;
	    width: 34%;
	    height: 50%;
	}
	
	.box4 {
	    width: 100%;
	    height: .6rem;
	    position: absolute;
	    top: 1.58rem;
	}
	
	.box4 .btn,
	.box5 .btn,
	.box6 .btn {
	    float: left;
	    width: 25%;
	    height: 54%;
	    margin-right: 0.945rem;
	    margin-left: 0.325rem;
	}
	
	.box4 .btn div,
	.box5 .btn div,
	.box6 .btn div {
	    margin-top: .12rem;
	    margin-left: 0.028rem;
	}
	
	.box5 {
	    width: 100%;
	    height: .6rem;
	    position: absolute;
	    top: 3.15rem;
	}
	/* .box5 .btn {
	    float: left;
	    width: 25%;
	    height: 55%;
	    margin: 0 0.945rem 0 0.33rem;
	}
	
	.box5 .btn div {
	    margin-top: .12rem;
	    margin-left: 0.03rem;
	}
	 */
	
	.from2_box {
	    background: url(../images/from2.png)no-repeat center/contain;
	    width: 6.4rem;
	    height: 5.69rem;
	    margin-top: -5%;
	}
	
	.box6 {
	    width: 100%;
	    height: .6rem;
	    position: absolute;
	    top: 4.73rem;
	}
	
	.from4 {
	    background: url(../images/page6.jpg)no-repeat center/100% 13.85rem;
	    width: 100%;
	    min-height: 13.85rem;
	    height: 13.85rem;
	    position: absolute;
	    top: 0;
	}
	
	.from3_box {
	    background: url(../images/from3.png)no-repeat center/contain;
	    width: 100%;
	    height: 4.72rem;
	    margin-top: 35%;
	}
	
	.page6 {
	    position: relative;
	    width: 100%;
	    height: 100%;
	}
	
	.name {
	    width: 2.7rem;
	    height: .39rem;
	    line-height: .39rem;
	    font-size: .22rem;
	    color: #fff;
	    position: absolute;
	    top: 0.13rem;
	    margin-left: -0.9rem;
	    left: 50%;
	    background: transparent;
	}
	
	.tel {
	    width: 2.7rem;
	    height: .39rem;
	    line-height: .39rem;
	    font-size: .22rem;
	    color: #fff;
	    position: absolute;
	    top: 0.67rem;
	    margin-left: -0.9rem;
	    left: 50%;
	    background: transparent;
	}
	
	.day {
	    width: 1.2rem;
	    height: .35rem;
	    line-height: .35rem;
	    font-size: .22rem;
	    color: #fff;
	    position: absolute;
	    top: 2.4rem;
	    margin-left: 0.2rem;
	    left: 50%;
	    background: transparent;
	}
	
	.adviser {
	    width: 2.3rem;
	    height: .39rem;
	    line-height: .39rem;
	    font-size: .22rem;
	    color: #fff;
	    position: absolute;
	    top: 3.15rem;
	    margin-left: 0.2rem;
	    left: 50%;
	    background: transparent;
	}
	
	.over_box {
	    background: url(../images/ok.png)no-repeat center/contain;
	    width: 4.86rem;
	    height: 6.59rem;
	}
	
	.duration {
	    -webkit-animation-duration: 1.5s;
	    animation-duration: 1.5s;
	    animation-fill-mode: both;
	}